.border{
    /*width: 1760px;*/
    /*height: 1080px;*/
    background: rgb(246,246,246);
    overflow: hidden;
}
.row{
    padding-left: 0;
    padding-right: 0;
}
.boxShadow{
    box-shadow: 0px 0px 1px 3px rgb(235,235,235);
}
.wrap{
    /*padding-left: 60px;*/
    /*padding-right: 60px;*/
    font-size: 20px;
    /*display: flex;*/
    /*justify-content: space-between;*/
}
.developManage{
    /*width: 320px;*/
    height: 180px;
    background: #FFFFFF;
    display: flex;
    flex-flow:row wrap;
    justify-content: space-around;
    align-content: center;
    margin: 10px;
}
.leftPart{
    display: flex;
    flex-flow:column wrap ;
    justify-content:center;
    align-items: center;
    white-space: nowrap;
}
.wrap2 .leftPart{
    white-space: normal;
}
.developCost{
    padding-top: 21px;
    color:#1577E4;
    font-size: 20px;
}
.rightPart{
    position: relative;
    display: flex;
    justify-content:center;
    align-items: center;
}

.percentTag{
    position:absolute;
    top:50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #1577E4;
    font-size: 24px;
}
.barRow{
    display: flex;
    align-items: center;
}

.developResultCategory,.projectStatus{
    font-size: 14px;
}
.tipProjectStatus{

}
.tipProjectStatus,.tipResultCategory{
    background-color: #FFFFFF;
    height: 514px;
    margin: 10px;
}
.barNumber{
    color: #FFFFFF;
}
.partTag{
    font-size: 18px;
    padding-top: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
}
.rowDetailItems{
    display: flex;
    justify-content:flex-end;
    align-items: center;
    margin: 15px;
}
.numberBar{
    display: flex;
    justify-content:center;
    align-items: flex-end;
}
.leftPartTagName{
    text-align: right;
    padding-right:15px !important;
}

.tipProjectStatus{
    /*height: 484px;*/
}
.projectStatus{
    /*margin-top: 10px;*/
    /*height: 484px;*/
}
.PIERow{
    display: flex;
    justify-content: center;
    align-items: center;
}
#projectPIE{
    height: 300px;
}
.clearPad{
    padding-left: 0;
    padding-right: 0;
    /*box-shadow: 1px 1px 1px 1px #555555;*/
}

.wrap3{
    /*margin-top: 10px;*/
    /*background-color: #FFFFFF;*/
}
.tipTaskManage{
    background-color: #FFFFFF;
    margin: 10px;
    padding-bottom: 20px;
}
.circlePack{
    margin-top: 20px;
    position: relative;
}
.imgAndTxt{
    display: flex;
    justify-content: space-around;
}
.taskPart{
    position: relative;
    width: 100px;
    height: 120px;
}
.statusShow{
    width: 100px;
    height: 76px;
    background: url("../img/icon_write@2x.png") no-repeat center;
    cursor: pointer;
}
.statusShow.active{
    background: url("../img/icon_right@2x.png") no-repeat center;
}
.taskName{
    width: 100px;
    padding-top: 20px ;
    text-align: center;
    white-space: nowrap;
}
.line{
    position: absolute;
    width: 80%;
    height: 2px;
    background-color: #CCCCCC;
    top: 34%;

}
/*@media (min-width: 768px){*/
    /*.percentTag{*/
        /*font-size: 16px;*/
    /*}*/
    /*.developName{*/
        /*font-size: 20px;*/
    /*}*/
    /*.developCost{*/
        /*font-size: 16px;*/
    /*}*/
/*}*/
/*@media (min-width: 1200px) {*/
    /*.percentTag{*/
        /*font-size: 24px;*/
    /*}*/
    /*.developName{*/
        /*font-size: 24px;*/
    /*}*/
    /*.developCost{*/
        /*font-size: 20px;*/
    /*}*/
/*}*/
/*new*/
.top_list{
    margin-top:30px;
}
.top_list>li:first-child div{
    background-color: #509FED;
}
.top_list>li:nth-child(2) div{
    background-color: #FFA44F;
}
.top_list>li:nth-child(3) div{
    background-color: #47D59E;
}
.top_list>li:last-child div{
    background-color: #3ACCE2;
}
.top_list>li>div{
    /*width:320px;*/
    /*height:180px;*/
    /*text-align: center;*/
    display: inline-block;
    width:100%;
    height:180px;
    position: relative;
}
.top_list i{
    position: absolute;
    left:0;
    bottom:0;
}
.top_list .zz i{
    width:104px;
    height:148px;
    background-image: url("../img/灯泡@2x.png");
}
.top_list .wt i{
    width:148px;
    height:127px;
    background-image: url("../img/历史委托@2x.png");
}
.top_list .jz i{
    width:148px;
    height:141px;
    background-image: url("../img/集中@2x.png");
}
.top_list .hz i{
    width:148px;
    height:126px;
    background-image: url("../img/合作@2x.png");
}
.top_list>li>div ul{
    position: absolute;
    top:50%;
    right:0;
    margin:auto;
    text-align: right;
    transform: translateY(-50%);
    color: #fff;
    font-size:20px;
    line-height: 35px;
    padding-right:30px;
}



